<#include "../component/layout.html"/>
<@layout>
<div id="left-bar">
	<ul class="left-menu">
		<h2>玩搭配</h2>
		<li id="step0" class="sel">
			<a href="javascript:void(0);">1. 选择模版</a>
		</li>
		<li id="step1">
			<a href="javascript:void(0);">2. 制作个性搭配</a>
		</li>
		<li>3. 发布上传</li>
	</ul>
</div>
<div id="middle">
	<div class="middle-container">
		<div class="image-container">
			<div class="default-image">
				<span class="default-image-text">请选择一个模版</span>
			</div>
			<div id="image-baker" template-id="">
				<img class="image-bg">
				<div class="image-view" url="/style/singles/1" type="1" type-name="上装" style="top: 0px; left: 0px; height: 235px; width: 240px;">
					<span class="image-view-text">上装</span>
				</div>                
 				<div class="image-view" url="/style/singles/2" type="2" type-name="下装" style="top: 90px; left: 120px; height: 370px; width: 250px;">
					 <span class="image-view-text">下装</span>
				 </div>              
 				<div class="image-view" url="/style/singles/3" type="3" type-name="包包" style="top: 310px; left: 320px; height: 175px; width: 170px;">
 					<span class="image-view-text">包包</span>
 				</div>                 
 				<div class="image-view" url="/style/singles/4" type="4" type-name="配饰" style="top: 105px; left: 350px; height: 115px; width: 145px;">
 					<span class="image-view-text">配饰</span>
 				</div>              
				 <div class="image-view" url="/style/singles/5" type="5" type-name="鞋子" style="top: 355px; left: 5px; height: 145px; width: 160px;">
					 <span class="image-view-text">鞋子</span>
				 </div>             
			 </div>
		</div>
		<div class="dapei-reply dapei-submit-con">
			${token!}
			<div class="dapei-user-input">
				<div class="lf">
					<textarea id="words" name="words"></textarea>
				</div>
				<span id="submit" class="dapei-reply-submit">发布</span>
				<div class="cl"></div>
			</div>
		</div>
	</div>
</div>
<div id="right-toolbar">
	<div id="template-container">
		<ul class="template-menu">
			<li class="sel menu-item">
				<a href="/api/templet/100052">主题</a>
			</li>
			<#list templateMenus as templateMenu>
			<li class="menu-item">
				<a href="/api/templet/100052-${templateMenu.id}">${templateMenu.name}</a>
			</li>
			</#list>
		</ul>
		<div class="template-content">
			<div class="template-item-list">
				
			</div>
			<div class="cl"></div>
			<div class="loading"><p>正在加载中^_^</p></div>
		</div>
	</div>
	<div id="item-container" style="display: none;">
		<ul class="item-menu">
			<li class="sel menu-item">
				<a href="javascript:void(0);">全部上衣</a>
			</li>
		</ul>
		<div class="item-content">
			<div class="item-list">
				
			</div>
			<div class="cl"></div>
			<div class="loading"><p>正在加载中^_^</p></div>
		</div>
	</div>
</div>
</@layout>
<script type="text/javascript">
$.koorz.templateMenu.init();
$.koorz.getTemplate.init();
$.koorz.stepTab.init();
$.koorz.styleUpload.init();
</script>